<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <canvas id="canvas"></canvas>
  </body>
  <script>
    // var canvas = document.getElementById("clock");
    // var img = new Image();
    // img.src = "./1040521_09 (1).jpg";
    // var ctx = canvas.getContext("2d");
    // 绘制图片
    // ctx.drawImage(img, 100, 100, 100, 100);
    // 图片裁剪
    // ctx.drawImage(img, sx, sy, swidth, sheight, x, y, width, height);
    // 平移
    // ctx.translate(x, y);
    // 缩放
    // ctx.scale(scaleX, scaleY);
    // 旋转
    // ctx.rotate(angle);
    // 变换矩阵
    // ctx.transform(a, b, c, d, e, f);
    // 重置变换矩阵
    // ctx.resetTransform();
  </script>
</html>
